import axios from 'axios'
import { toast } from '~/composables/util'
import { ElLoading } from 'element-plus'
import store from './store'
import { getToken } from '~/composables/auth'

const service = axios.create({
  baseURL: '/api', // 存在跨域问题，所以这里使用了一个/api来代理域名部分
  timeout: 120000
})

// 添加请求拦截器
let loadingInstance = null;

service.interceptors.request.use(
  function (config) {
    console.log('请求拦截器')
    console.log(config)
    // 在发送请求之前做些什么
    // loadingInstance = ElLoading.service({ fullscreen: true })
    // 往header头中添加token
    if (config.needToken) {
      console.log('此时接口标识需要传入token！')
      const token = getToken()
      if (token) {
        config.headers['Authorization'] = 'Bearer ' + token
      }
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
service.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    if (loadingInstance) {
      loadingInstance.close()
      loadingInstance = null
    }
    if (response.data.code === 0) {
      return response.data
    } else {
      toast(response.data.message, 'error')
      return Promise.reject(new Error(response.data.message))
    }
  },
  function (error) {
    // 对响应错误做点什么
    if (loadingInstance) {
      loadingInstance.close()
      loadingInstance = null
    }
    const msg = error.response?.data?.msg || '请求失败'

    if (msg === '非法token，请先登录！') {
      store.dispatch('logout').finally(() => {
        location.reload()
      })
    }

    toast(msg || '请求失败', 'error')

    return Promise.reject(error)
  }
)

export default service